<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>智能产品平台</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <link rel="stylesheet" href="/resource/css/common.css">
	<link rel="stylesheet" href="/resource/css/layui.css">
  <link rel="stylesheet" href="/resource/css/system.css">
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo">智能产品平台</div>
		<div class="layui-form layui-layout-left navLeftCss" lay-filter="navLeft">
			<div class="layui-input-inline">
				<label class="layui-form-label">厂家</label>
				<div class="layui-input-inline">
					<select name="vender" lay-filter="vender" class="vender">
						<!--<option value="">厂家</option>-->
					</select>
				</div>
			</div>
			<div class="layui-input-inline">
				<label class="layui-form-label">系统</label>
				<div class="layui-input-inline addInputWidth">
					<select name="system" lay-filter="system" disabled>
					</select>
				</div>
			</div>
			<div class="layui-input-inline">
				<label class="layui-form-label">版本</label>
				<div class="layui-input-inline">
					<select name="version" lay-filter="version" disabled>
					</select>
				</div>
			</div>
		</div>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="../resource/images/Starry.jpg" class="layui-nav-img">
					<span id="userName">用户名</span>
				</a>
				<dl class="layui-nav-child">
					<dd><a href="">基本资料</a></dd>
					<dd><a href="">安全设置</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="javascript: void(0);" id="quitLogin">退出</a></li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
			<ul class="layui-nav layui-nav-tree" lay-filter="test">
				<li class="layui-nav-item">

				</li>
			</ul>
		</div>
	</div>
  
  	<div class="layui-body">
		<div class="layui-tab" lay-allowClose="true" lay-filter="menu">
			<ul class="layui-tab-title">
				<li class="layui-this main custom-fs16">首页</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show custom-fs16">
					<!--<span>首页</span>-->
					<div id="echarts-map"></div>
					<div id="echarts-pyramid"></div>
				</div>
			</div>
		</div>
  	</div>
  
  <!--<div class="layui-footer custom-fs16">© layui.com - 底部固定区域</div>-->
</div>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="/resource/layui.js"></script>
<script src="/resource/vue.js"></script>
<script src="/resource/common.js"></script>
<script src="/resource/echarts.js"></script>
<script src="/resource/map/china.js"></script>
<script src="/resource/index.js"></script>
<script src="/resource/iframe.js"></script>
<script>
    layui.use('element', function(){

        var element = layui.element;

        element.on('nav(navLeft)', function(elem){//得到当前点击的DOM对象

            var el = elem[0].innerText;

            $(this).parents(".layui-nav-child").siblings().html(el + '<span class="layui-nav-more"></span>');

            element.render('nav');

        });
    });
	//拓展一个三级联动
    layui.config({
        base : "../resource/" //address.js的路径
    }).use([ 'layer', 'jquery', "threeselect" ], function() {
        var layer = layui.layer, $ = layui.jquery, product = layui.threeselect();

    });
</script>
</body>
</html>